<ion-view>
  <ion-header-bar class="item-input-inset" align-title="center" style="border:0;">
     <label class="item item-input">
        <i class="icon ion-search placeholder-icon"></i>
        <input type="text" placeholder="搜索内容或专题">
      </label>
  </ion-header-bar>
  <ion-content style="top:44px;">
    <div style="position:relative;height:220px;">
      <img src="../img/shige.jpg" style="height:220px;width:100%;">
      <div style="background-color:rgba(0,0,0,0.6);position:absolute;top:0px;left:0;width:100%;height:220px;">
        <h2 style="font-size:20px;text-align:center;color:#fff;margin-top:60px;">MONO 诗歌</h2>
        <h3 style="font-size:20px;text-align:center;color:#fff;margin-top:15px;">那些被焚烧的诗歌</h3>
        <p style="font-size:12px;text-align:center;color:#fff;margin-top:30px;">1286篇内容/232223人订阅</p>
      </div>
    </div>
    <div style="width:100%;height:40px;background:#E5E5E5;cursor:pointer;">
      <img src="../img/badge.jpg" style="float:left;margin:5px 0 0 15px;">
      <div style="float:left;margin-top:5px;margin-left:10px;">
        <h1 style="font-size:12px;margin:0;">interest</h1>
        <h1 style="font-size:12px;margin:0;">兴趣</h1>
      </div>
      <h1 style="float:right;font-size:14px;margin:5px 30px 0 0;line-height:30px;">看全部8个主题</h1>
    </div>
    <ion-list>
      <ion-item ng-repeat="item in items" style="padding:0;border:0;width:50.5%;float:left;position:relative;" ng-click="goTheme(item)">
        <img ng-src="{{item.path}}" style="width:100%;height:160px;">
        <div style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);">
          <h1 style="color:#fff;font-size:18px;text-align:center;margin-top:70px;">{{item.name}}</h1>
          <p style="color:#fff;font-size:12px;text-align:center;">{{item.desc}}</p>
        </div>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>
